<template>
<div class="wrap">
     <van-nav-bar @click-left="onClickLeft" left-arrow left-text="返回" title="">
       
    </van-nav-bar>
   <div class="item">
       <div class="label">
           姓名
       </div>
       <div class="content">
           {{result.name}}
       </div>
   </div>
     <div class="item">
       <div class="label">
           电话
       </div>
       <div class="content">
           {{result.phone}}
       </div>
   </div>
   <div class="item">
       <div class="label">
           维修内容
       </div>
       <div class="content">
           {{result.content}}
       </div>
   </div>
   <div class="item">
       <div class="label">
           备注
       </div>
       <div class="content">
           {{result.remark}}
       </div>
   </div>
   <div class="item">
       <div class="label">
           创建时间
       </div>
       <div class="content">
           {{result.createTime}}
       </div>
   </div>
   <div class="item">
       <div class="label">
           状态
       </div>
       <div class="content">
           {{result.status}}
       </div>
   </div>
  
  
</div>
</template>

<script>
import { Notify,Dialog,Toast } from 'vant';
import axios from 'axios'
import api from '../api/servelist.js'
    export default {
        data: function () {
            return {
               result:{}
            }
        },
        created(){
            
            
        },
        mounted() {
           this.getServeDetail()
        },
        methods: {
           onClickLeft() {
               this.$router.go(-1)
            },
          
            getServeDetail(){
                let that=this
               
                api.getServeDetail({id:that.$route.query.id}).then(e=>{
                   that.result=e.result
                   
                }).catch(err=>{
                    console.log(err)
                })
            }
          
        }
    }
</script>

<style scoped lang="scss">
@import "../common.scss";
  .item{
      width:80%;
      margin:30px auto;
      padding-bottom:20px;
      display:flex;
      align-items: center;
      font-size:px2rem(10px);
      border-bottom:1px solid rgba(222,222,222,.5);
  }
  .item .label{
     width:px2rem(60px);
  }
   .item .content{
     flex:1;
     display:flex;
     flex-wrap: wrap;
     white-space:normal; word-break:break-all;
  }

</style>
